.main {
    width: 100%;
    height: 100%;
    background-color: $mainBag;
    position: absolute;
    top: 0px;
    bottom: 0px;
    .header {
        padding: 0.3rem 0.2rem 0 0.2rem;
        height: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        background-color: white;
        .searchBox {
            width: 100%;
            height: 0.68rem;
            display: flex;
            align-items: center;
            padding: 0.15rem;
            border: 0.01rem solid #a5adba;
            border-radius: 0.1rem;
            input {
                width: 95%;
                height: 80%;
                font-size: 0.24rem;
                padding-left: 0.1rem;
            }
        }
        .nav {
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            li {
                padding: 0.2rem;
                color: #172b4d;
                border-bottom: white solid 0.01rem;
            }
            .liChange {
                color: red;
                border-bottom: red solid 0.01rem;
            }
        }
    }

    .content {
        width: 100%;
        .navModule{
            width: 100%;
            background-color: white;
            padding: 0.2rem;
            margin-top: 0.3rem;

            p{
                display: flex;
                align-items: center;
                text-align: left;
                font-size: 0.24rem;
                color: $mainGrey;
                span{
                    margin: 0.1rem;
                    display: inline-block;
                    width: 0.05rem;
                    height: 0.05rem;
                    background-color: red;
                    border-radius: 50%;
                }
            }
            .navList{
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                align-content: space-around;
                li{
                    margin-top: 0.2rem;
                    margin-right: 0.3rem;
                    padding: 0.05rem 0.2rem;
                    background-color: #f4f5f6;
                    border-radius: 0.3rem;
                    font-size: 0.24rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                
                .navListChange{
                    background-color: $textPink;
                    color: white;
                }
            }
        }
    }
}
